<html>
<head>
    <style type="text/css">
        .b-twitter-message {
            font-size: 13px;
            font-family: arial;
            margin: 6px 0 0 0;
            padding: 3px 2px 3px 8px;
            word-wrap: break-word;
        }
        .b-twitter-message_active {
            background-color: rgba(0, 0, 0, 0.05);
        }
        .b-twitter {
            width: 170px;
            border: 1px solid;
            border-color: rgb(0, 0, 0);
            border-color: rgba(0, 0, 0, 0.2);
            box-shadow: -1px 2px 4px rgba(0, 0, 0, 0.2);
        }
        .b-twitter__header {
            padding: 8px;
            
        }
        .b-twitter__homelink {
            text-decoration: none;
            font-size: 20px;
        }
    </style>
    <script>
        var dojoConfig = {
            paths: {
                "olesk": "/olesk"
            }
        };
    </script>

    <script type="text/javascript"
            src="/dj/dojo/dojo.js"
            data-dojo-config="isDebug:true">
    </script>
    
    <script type="text/javascript">
        require(["olesk/widgets/TwitterFeed/TwitterFeedWidget", 
                 "dojo/query",
                 "dojo/dom-style",
                 "dojo/fx",
                 "dojo/domReady!"], function (TwitterFeedWidget, query, domStyle, fx) {
        	var twitterWidget;
        	
        	twitterWidget = new TwitterFeedWidget({
        		'class': "b-twitter__message-container"
        	});
        	twitterWidget.pushTwit({
                text: "Aenean vel metus risus, consequat ornare odio. <a href='http://mzl.la/HE13xN'>mzl.la/HE13xN</a> Curabitur non nunc dui."
            });
            twitterWidget.pushTwit({
                text: "leo et aliquet pellentesque, quam magna dignissim ipsum, sit amet egestas diam ligula vitae mauris. Sed ut quam lectus."
            });
            twitterWidget.pushTwit({
                text: "Etiam a aliquet diam. Phasellus quam tellus, ullamcorper ac eleifend <a href='http://mzl.la/HE13xN'>mzl.la/HE13xN</a> quis, pulvinar vitae lorem"
            });
                        
            setTimeout(function () {
            	var domNode = twitterWidget.domNode;
            	domStyle.set(domNode, {
            		'height': '0',
            		'display': 'none'
            	});
                twitterWidget.placeAt(query(".b-twitter")[0]);
                fx.wipeIn({node: domNode}).play();
            }, 1000);
        });
    </script>
   
</head>
<body>
    <div class="b-twitter">
        <div class="b-twitter__header">
            <a class="b-twitter__homelink" href="/">@Olesk</a>
        </div>
    </div>
</body>
</html>